.carousel {
  padding: 10px 0;
  background-color: #001529;

  .wrap {
    position: relative;

    .dot {
      display: block;
      width: 20px;
      height: 20px;
      overflow: hidden;
      background: url('./banner.png') 3px -343px;
      cursor: pointer;

      &.active {
        background-position: -16px -343px;
      }
    }

    .arrow {
      display: block;
      position: absolute;
      width: 37px;
      top: 50%;
      margin-top: -20px;
      color: #fff;
      font-size: 40px;
      cursor: pointer;

      &.left {
        left: -68px;
      }

      &.right {
        right: -68px;
      }
    }
  }
}
